<template>
	<div class="Rescue">
		<div class="topImg"><img src="https://wx4.sinaimg.cn/mw690/0062fb6Qly1fqoy9sxat2j309j0630w7.jpg" alt=""></div>
		<div class="conText">
			<div class="title">救援卡使用说明</div>
			<dl>
				<dt>Q1 适用于那些救援类型？</dt>
				<dd>可以用来道路、火灾、户外、生命救援、道路救援包 括道路中发生的一切意外；火灾救援包括：； 户外包 括：；生命救援包括：。</dd>
			</dl>
			<dl>
				<dt>Q1 适用于那些救援类型？</dt>
				<dd>可以用来道路、火灾、户外、生命救援、道路救援包 括道路中发生的一切意外；火灾救援包括：； 户外包 括：；生命救援包括：。</dd>
			</dl>
			<dl>
				<dt>Q1 适用于那些救援类型？</dt>
				<dd>可以用来道路、火灾、户外、生命救援、道路救援包 括道路中发生的一切意外；火灾救援包括：； 户外包 括：；生命救援包括：。</dd>
			</dl>
		</div>
		<div class="bottomBtn">
			<span>价格：￥999.00</span>
			<input type="button" value="立即购买>" @click="showPayment = true">
		</div>

		<payment :showList='[0]' :show='showPayment' v-model="showPayment"></payment>
	</div>
</template>

<script>
import { recharge } from '../../../../../config/getData'
import Payment from '../../../../common/payment/Payment'

export default {
	data(){
		return {
			showPayment:false,
			options: [
				{
					title:'天机会余额',
					txt:'可用余额 0.00 元',
					img:'https://wx3.sinaimg.cn/thumb150/b103a6f1ly1fqpvwqhvmoj201t01tdft.jpg'
				},
				{
					title:'微信支付',
					txt:'微信单笔限额20000元',
					img:'https://wx4.sinaimg.cn/thumb150/b103a6f1ly1fqpvwqhw8vj201n01g0sk.jpg'
				},
				{
					title:'支付宝支付',
					txt:'支付宝单笔限额20000元',
					img:'https://wx1.sinaimg.cn/thumb150/b103a6f1ly1fqpvwqj8b4j201h01h3ya.jpg'
				},
			],
		}
	},
	methods:{
		rechargeEv(index){
			console.log(index)
			if(index == 2){
				window.location.href='http://zjlist0226.oicp.io:29037/a/pay/MobilePay?price=0.05'
			}
		}
	},
	components:{
		Payment
	}
}
</script>


<style lang="scss" scoped>
@import '../../../../../assets/css/all';

.Rescue{@include screen;z-index: 11;text-align:center;
	.topImg{overflow: hidden;border-radius: 6px;display: inline-block;width:94%;margin:15px 0;
		img{width:100%;}
	}

	.conText{text-align: left;background-color: white;margin:0 15px 76px;padding:20px;border-radius: 6px;line-height:1;
		.title{font-size: 15px;text-align: center;margin:0 auto 23px;position: relative;width:150px;
			&:after,&:before{content:'';display: block;width:0;height: 0;padding:3px;background-color: #666;border-radius: 50%;position: absolute;top:50%;transform: translateY(-50%);}
			&:after{right:0}
		}
		dl{
			dt{color:#5C5C5C;margin:20px 0 10px;}
			dd{color:#7F7F7F;line-height: 22px;}
		}
	}
	.bottomBtn{overflow: hidden;position: fixed;left:0;bottom:0;width:100%;background-color:white;
		span{float:left;line-height: 56px;font-size: 15px;color:#F02B2B;margin-left: 15px;}
		input{float:right;height: 56px;border:none;background-color: #F02B2B;color:white;padding:0 30px;font-size: 17px;}

		.weui-cell{width:120px;position: fixed;right:0;bottom:0;height: 36px;opacity: 0;}

	}

}

</style>

